<template>
    <div class="content">
        <h3>职能</h3>
        <p>IIFA下设标准委员会和理事会，其中标准委员会是由行业专家和会员代表组成的顾问团，负责全球职业认证标准的制定与执行事务。标准会委员每年组织两次以上全球性认证标准评估会议，针对执行标准进行评估修订。全球委员会顾问任期三年，到期后由各分部顾问委员推荐顾问接任。</p>
        <table border cellspacing="0">
            <tbody>
                <tr v-for="item in standardData" v-bind:key="item.id">
                    <td>
                        <img :src="item.image" alt="" srcset="">
                    </td>
                    <td>
                        <p v-text="item.name"> </p>
                        <p v-text="item.context"></p>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>
<script lang="ts" setup>
import type { StandardModel } from '@/api/international'
import { standardListApi } from '@/api/international'
const standardData = ref<StandardModel[]>([{ id: '', name: '', image: '', context: '' }])
onMounted(() => {
    standardListApi().then(res => {
        standardData.value = res.data ?? []
    })
})


</script>
<style scoped lang='less'>
.content {
    width: calc(100% - 220px);
    // background-color: red;
    height: 100%;

    h3 {
        font-size: 24px;
        text-align: center;
    }

    h1,
    h2,
    h3 {
        text-align: center;
    }

    >p {
        text-align: left;
        margin-bottom: 10px;
    }

    table {
        width: 100%;
        border-color: #efe7e7;

        tbody {
            border-color: #efe7e7;
        }

        tr {
            border-color: #efe7e7;

            td {
                border-color: #efe7e7;
                padding: 0 15px;


            }

            >td:first-child {
                width: 220px;
                height: 100px;
                img {
                    margin-top: 15px;
                    margin-left: 20px;
                }
            }

            >td:last-child {

                height: 130px;

                p:first-child {
                    margin-bottom: 15px;
                }
            }
        }
    }
}
</style>
